/*@media screen and (max-width:1700px){
    .top-box{padding-left:400px!important;}
}
@media screen and (max-width:1360px){
    .top-box{padding-left:260px!important;}
    .sec-box{padding-left:180px!important;}
    .logo{left:20px!important;}
    .logo,.logo img{transform:scale3d(.8,.8,.8);}
    .banner-box.home p{font-size:100px!important;}
    .tip-box.home .tel{margin-right:20px!important;}
}
@media screen and (max-width:1260px){
    .top-box{top:50px!important;padding-left:220px!important;}
}*/

body{padding-top:80px;}

.top-box .nav-item,
.sec-box .sec-item{font-size:16px;}
.sec-box{top:125px;height:60px;}
.sec-box .sec-item{line-height:60px;}

.top-box{position:absolute;z-index: 10;top:0;min-width:1200px;width:100%;height:80px;line-height:80px;background-color:#fff;box-sizing:border-box;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
.logo{position: relative; z-index: 10;margin: 10px 24px 10px 50px;display:block;height:60px;width:auto;-webkit-transition:height .2s;-moz-transition:height .2s;-ms-transition:height .2s;-o-transition:height .2s;transition:height .2s;}
.logo img{vertical-align:top;max-width:100%;max-height:100%;}
.top-box .right{ position: relative; z-index: 10; }
.top-phone{float:right;margin-left:20px;font-size:20px;position:relative;margin-right:50px}
.top-phone:before{content:url(../images/tel_gray.png);position:relative;top:3px}
.top-box .nav-box{position: relative; z-index: 10; zoom:1; height: 160px; overflow: hidden; font-size:0;}

.fir-menu,
.sec-menu{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.fir-menu .nav-item{display:inline-block;vertical-align: top;font-size:18px;color:#333;transition:all .5s; margin: 0 12px;}
.fir-menu .nav-item:before{content:'';display:inline-block;width:0;height:0;border-bottom:1px solid #088eea;vertical-align:middle;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.fir-menu .nav-item:hover,
.fir-menu .nav-item.active{color:#088eea;}
.fir-menu .nav-item:hover:before,
.fir-menu .nav-item.active:before{width:23px;margin-right:10px;}
.sec-menu{height: 80px;line-height:80px;font-size: 0;}
.sec-menu .sec-item{font-size:16px;color:#333;display:inline-block;vertical-align: top;margin:0 12px;}
.sec-menu .sec-item.active,.sec-menu .sec-item:hover{color:#088eea;}

.bg-menu{position:absolute;z-index:0;top:100%;left:0;width:100%;height:80px;background-color:#f7f8fa;font-size:0;overflow:hidden;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}


.top-scroll{width:100%;height:80px;line-height:80px;background:#fff;position:fixed;top:0;z-index:10;}
.top-scroll .fir-menu{ margin-top: -80px; }
.top-scroll .bg-menu{ top: 0; }

@media screen and (max-width:1360px){
    .logo{margin:10px 12px 10px 20px !important;}
    .top-box .nav-item{ font-size: 16px; }
    .top-phone,
    .tip-box.home .tel{margin-right:20px !important;}
}

.main-box{min-width:1200px;position:relative;}

.common-link{display:inline-block;width:150px;height:50px;text-align:center;font-size:18px;color:#666666;border-radius:36px;border:1px solid #dddddd;line-height:50px;margin-left:13px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:relative;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.common-link:before{content:'';display:block;width:40%;height:130%;position:absolute;top:0;left:0;-webkit-transform:translate(-45px) rotateZ(-10deg) translateY(-12px);-moz-transform:translate(-45px) rotateZ(-10deg) translateY(-12px);-ms-transform:translate(-45px) rotateZ(-10deg) translateY(-12px);-o-transform:translate(-45px) rotateZ(-10deg) translateY(-12px);transform:translate(-45px) rotateZ(-10deg) translateY(-12px);background:linear-gradient(90deg,transparent,rgba(238,245,255,0.3),transparent);-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.common-link.active,.common-link:hover{color:#fff;background:linear-gradient(70deg,#214def,#3383f7,#4bb5ff);border:none;}
.common-link:hover:before{-webkit-transform:translate(154px) rotateZ(-10deg) translateY(-12px);-moz-transform:translate(154px) rotateZ(-10deg) translateY(-12px);-ms-transform:translate(154px) rotateZ(-10deg) translateY(-12px);-o-transform:translate(154px) rotateZ(-10deg) translateY(-12px);transform:translate(154px) rotateZ(-10deg) translateY(-12px);}
.menuBox{padding:30px;background:#fff;}
.menuBox li{margin-top:-1px;}
.menuBox li:first-child{margin-top:0;}
.menuBox li.first{margin-top:0;}
.menuBox li a{position:relative;zoom:1;display:block;height:50px;line-height:50px;overflow:hidden;font-size:16px;text-align:center;border:solid 1px transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.menuBox li a:before{content:"";position:absolute;top:-1px;left:-60px;width:60px;height:60px;overflow:hidden;background:url(../images/cl/lxwm/icon-menu.gif) no-repeat;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;transition:all .25s ease;}
.menuBox li a:hover,.menuBox li.current a{color:#007af7;border-color:#007af7;}
.menuBox li a:hover:before,.menuBox li.current a:before{left:-1px;}

/*更多推广资讯*/
.m-more{height:385px;background:-webkit-linear-gradient(left,#009df3,#0080f2,#0061e7,#005ee5); /* Safari 5.1 - 6.0 */background:-o-linear-gradient(left,#009df3,#0080f2,#0061e7,#005ee5); /* Opera 11.1 - 12.0 */background:-moz-linear-gradient(left,#009df3,#0080f2,#0061e7,#005ee5); /* Firefox 3.6 - 15 */background:-ms-linear-gradient(left,#009df3,#0080f2,#0061e7,#005ee5); /* IE */background:linear-gradient(left,#009df3,#0080f2,#0061e7,#005ee5); /* 标准的语法 */background-color:#0070EC\9; /* IE9 */color:#fff;overflow:hidden;}
.m-more .wrap{height:385px;font-size:0}
.m-more .wrap div{display:inline-block;position:relative;width:50%;margin-top:50px;font-size:12px;text-align:center;}
.m-more .wrap div h2{font-size:45px;text-align:left;margin-bottom:30px;}
.m-more .wrap form ul{font-size:0;text-align:left;}
.m-more .wrap form ul li{position:relative;display:inline-block;width:275px;margin:0 25px 15px 0;border-bottom:1px #44aaf0 solid;}
.m-more .wrap form ul li label{display:block;}
.m-more .wrap form ul li span{position:absolute;top:0;left:0;line-height:30px;font-size:16px;}
.m-more .wrap form input[type="text"]{border:0 none;margin:0;padding:0;width:100%;height:30px;line-height:30px;background:none;color:#fff;font-size:16px;vertical-align:top;}
.m-more .wrap form input[type="text"]:focus{outline:none;}
.m-more .wrap form .codeImg{position:absolute;left:100%;bottom:-1px;margin-left:25px;}
.m-more .wrap form ul li:last-child .addr{float:right;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/cl/across-down.png) no-repeat scroll right center transparent;border:none;color:#fff;padding-right:16px;}
.m-more .wrap form ul li:last-child .addr::-ms-expand{display:none;}
.m-more .wrap form ul li:last-child .addr option{background-color:#088DEA;border:none;color:#fff;}
.m-more .wrap form ul li:last-child .addr option:focus{outline:none;}
.m-more .wrap form input[type="button"]{position:absolute;left:0;margin-top:15px;padding:14px 45px;font-size:18px;background-color:#FFF;color:#0a88df;border:none;border-radius:25px;cursor:pointer;outline:none;}
.m-more .wrap div > span{position:absolute;bottom:-64px;left:220px;padding:12px;font-size:14px;background:url("../images/bz/b.png") left 0 repeat-x;animation:shake-animation 0.1s infinite alternate;-webkit-animation:shake-animation 0.1s infinite alternate;}
.m-more .wrap div > span:before{content:url(../images/bz/a.png);position:absolute;top:0;left:-26px;}
.m-more .wrap div > span:after{content:url(../images/bz/c.png);position:absolute;top:0;right:-10px;}
.m-more .wrap div > ul{position:absolute;.bottom-box
top:-75px;left:120px;width:100%;}
.m-more .wrap div > ul li{display:inline-block;position:relative;margin-right:48px;vertical-align:top;}
.m-more .wrap div > ul li:first-child:before{content:url(../images/bz/phone.png);position:absolute;top:0;left:-60px;}
.m-more .wrap div > ul li p{height:68px;line-height:28px;text-align:left;font-size:16px;}
.m-more .wrap div > ul li p span{display:block;font-size:36px;}

/*页面底部*/
.footer .bottom-box:nth-child(2){height:150px;}
.bottom-box{text-align:left;}
.bottom-box > div{padding-top:50px;color:#000000;}
.bottom-box dl{display:inline-block;font-size:14px;font-weight:normal;margin:0 65px;}
.bottom-box dl:last-child{margin-right:0;}
.bottom-box dl dd{font-size:21px;}
.bottom-box .m-target{margin-bottom:90px;}
.bottom-box .m-target h2{display:inline-block;position:relative;font-size:28px;margin-right:60px;}
.bottom-box .m-target h2:after{content:url(../images/bz/target.png);position:absolute;margin-left:8px;margin-top:-13px;}
.bottom-box .m-list{margin-bottom:58px;}
.bottom-box .m-list dl{vertical-align:top;margin:0 70px 0 0;}
.bottom-box .m-list dl dt{font-size:16px;font-weight:bold;margin-bottom:20px;color:#646464;}
.bottom-box .m-list dl dd{font-size:14px;padding-bottom:12px;}
.bottom-box .m-list dl dd a{font-size:14px;color:#8b8b8b;}
.bottom-box .m-list dl dd a:hover{color:#333;text-decoration:none;}
.bottom-box .codes{float:right;}
.bottom-box .codes img{display:block;width:174px;height:181px;}
.bottom-box .codes span{display:block;text-align:center;}

/*页脚*/
.footer-box p{width:100%;margin:0 auto;padding:21px 0 21px 25px;line-height:23px;font-size:14px;color:#333;text-align:left;border-top:1px #ccc solid;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.footer-box p:before{content:'\00A9';font-size:21px;position:absolute;left:0;}
.footer-box p span{float:right;}

/*右侧浮动栏*/

/*.fix-box {
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -114px;
    width: 44px;
    z-index: 9998
}
.fix-box dl {
    position:relative;
    background-color:#FFF;
    width: 100%;
    height: 50px;
}
.fix-box dl dt {
    width: 100%;
    height: 50px;
}
.fix-box dl:nth-child(1) dt {
    background: url('../images/bz/fix-bar.png') 2px 6px;
}
.fix-box dl:nth-child(2) dt {
    background: url('../images/bz/fix-bar.png') 2px -42px;
}
.fix-box dl:nth-child(3) dt {
    background: url('../images/bz/fix-bar.png') 2px -88px;
}
.fix-box dl:nth-child(4) dt {
    background: url('../images/bz/fix-bar.png') 2px -135px;
}
.fix-box dl dt:hover {
    background-color: #e9e9e9;
}
.fix-box dl dt a {
    display: block;
    width: 100%;
    height: 100%;
}
.fix-box dl dd {
    position: absolute;
    width: 150px;
    height: 50px;
    top:0;
    left:50px;
    z-index:-1
}
.fix-box dl:nth-child(2) dd {
    position: absolute;
    z-index:-1;
    top: 0;
    left: 50px;
    transition: left .5s;
    -moz-transition: left .5s;
    -webkit-transition: left .5s;
    -o-transition: left .5s;
}
.fix-box dl:nth-child(2):hover dd {
    position: absolute;
    z-index:-1;
    top: 0;
    left: -170px;
}
.fix-box dl dd p {
    width: 100%;
    height: 100%;
    line-height: 50px;
    padding-left: 20px;
    font-size: 21px;
    color: #FFF;
    background-color: rgba(0,0,0,0.4);
    border-radius: 20px 0 0 20px;
}

*/

.footer-box p{width:100%;margin:0 auto;padding:32px 0 32px 25px;line-height:23px;font-size:14px;color:#333;text-align:left;border-top:1px #ccc solid;}
.footer-box p:before{content:'\00A9';font-size:21px;position:absolute;left:0;}
.footer-box p span{float:right;}

/*å³ä¾§æµ®åŠ¨æ */
.fix-box{   /* visibility:hidden; */
position:fixed;left:8px;top:50%;margin-top:-114px;width:44px;z-index:9998}
.fix-box li{position:relative;zoom:1;margin-bottom:2px;width:44px;height:44px;}
.fix-box li:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.fix-box li:last-child{margin-bottom:0;}
.fix-box .u-a{position:absolute;top:0;left:0;height:100%;overflow:hidden;padding-left:44px;background:rgba(43,123,202,.9) url('../images/bz/fix-bar.png') 0 0 no-repeat;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

/*.fix-box li:nth-child(1) .u-a {
    background-position: 0 0;
}*/
.fix-box li:nth-child(1) .u-a{background-position:0 -44px;}
.fix-box li:nth-child(2) .u-a{background-position:0 -88px;}
.fix-box li:nth-child(3) .u-a{background-position:0 -132px;}
.fix-box li:nth-child(4) .u-a{background-position:0 -176px;}
.fix-box .u-a p{display:none;margin-right:10px;height:44px;line-height:44px;overflow:hidden;font-size:14px;color:#fff;white-space:nowrap;opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fix-box .u-a:hover p{margin-left:-4px;opacity:1;display:block;}

/* 2018-7-13 新增*/
.m-more .wrap div > span{position:absolute;bottom:-64px;left:220px;padding:12px;font-size:14px;background:url("../images/bz/b.png") left 0 repeat-x;animation:shake-animation 0.4s infinite linear alternate;-webkit-animation:shake-animation 0.4s infinite linear alternate;-moz-animation:shake-animation 0.4s infinite linear alternate;-o-animation:shake-animation 0.4s infinite linear alternate;}
.m-more .wrap form input[type="button"]{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.m-more .wrap form input[type="button"]:hover{box-shadow:0 0 5px 5px #c4c4c4;border:0;}

/* 公共底部微博分享 */
.m-more .wrap .bdsharebuttonbox{margin-top:0;width:100%;}
.m-more .wrap .bdsharebuttonbox a{width:60px;height:60px;}
.m-more .wrap .bdsharebuttonbox a.bds_tsina{background:url(../images/cl/micro-blog-sina.png) no-repeat;}
.m-more .wrap .bdsharebuttonbox a.bds_tqq{background:url(../images/cl/micro-blog-qq.png) no-repeat;visibility:hidden;}
.m-more .blog01,.m-more .blog02{display:inline-block;}
@keyframes weibo-move{
    0%{visibility:hidden;transform:translateX(100vh) rotate(1080deg);}
    100%{visibility:visible;transform:translateX(0) rotate(0);}
}
.m-more .wrap div > ul li:first-child:before{content:url(../images/bz/phone.png);position:absolute;top:0;left:-60px;-webkit-animation:roate-phone .8s infinite alternate linear;-moz-animation:roate-phone .8s infinite alternate linear;-o-animation:roate-phone .8s infinite alternate linear;animation:roate-phone .8s infinite alternate linear;}
@-webkit-keyframes roate-phone{
    0%{-webkit-transform:rotate(5deg) scale(1);}
    0%{-moz-transform:rotate(5deg) scale(1);}
    0%{-o-transform:rotate(5deg) scale(1);}
    0%{transform:rotate(5deg) scale(1);}
    100%{-webkit-transform:rotate(-5deg) scale(1.2);}
    100%{-moz-transform:rotate(-5deg) scale(1.2);}
    100%{-o-transform:rotate(-5deg) scale(1.2);}
    100%{transform:rotate(-5deg) scale(1.2);}
}
@-moz-keyframes roate-phone{
    0%{-webkit-transform:rotate(5deg) scale(1);}
    0%{-moz-transform:rotate(5deg) scale(1);}
    0%{-o-transform:rotate(5deg) scale(1);}
    0%{transform:rotate(5deg) scale(1);}
    100%{-webkit-transform:rotate(-5deg) scale(1.2);}
    100%{-moz-transform:rotate(-5deg) scale(1.2);}
    100%{-o-transform:rotate(-5deg) scale(1.2);}
    100%{transform:rotate(-5deg) scale(1.2);}
}
@-o-keyframes roate-phone{
    0%{-webkit-transform:rotate(5deg) scale(1);}
    0%{-moz-transform:rotate(5deg) scale(1);}
    0%{-o-transform:rotate(5deg) scale(1);}
    0%{transform:rotate(5deg) scale(1);}
    100%{-webkit-transform:rotate(-5deg) scale(1.2);}
    100%{-moz-transform:rotate(-5deg) scale(1.2);}
    100%{-o-transform:rotate(-5deg) scale(1.2);}
    100%{transform:rotate(-5deg) scale(1.2);}
}
@keyframes roate-phone{
    0%{-webkit-transform:rotate(5deg) scale(1);}
    0%{-moz-transform:rotate(5deg) scale(1);}
    0%{-o-transform:rotate(5deg) scale(1);}
    0%{transform:rotate(5deg) scale(1);}
    100%{-webkit-transform:rotate(-5deg) scale(1.2);}
    100%{-moz-transform:rotate(-5deg) scale(1.2);}
    100%{-o-transform:rotate(-5deg) scale(1.2);}
    100%{transform:rotate(-5deg) scale(1.2);}
}

/* 抖动 */
@keyframes shake-animation{
    0%{transform:translateX(20px);}
    100%{transform:translateX(30px);}
}
@-moz-keyframes shake-animation{
    0%{-moz-transform:translateX(20px);}
    100%{-moz-transform:translateX(30px);}
}
@-moz-keyframes shake-animation{
    0%{-ms-transform:translateX(20px);}
    100%{-ms-transform:translateX(30px);}
}
@-webkit-keyframes shake-animation{
    0%{-webkit-transform:translateX(20px);}
    100%{-webkit-transform:translateX(30px);}
}
@-o-keyframes shake-animation{
    0%{-o-transform:translateX(20px);}
    100%{-o-transform:translateX(30px);}
}
